<!DOCTYPE html>  
<html lang="zh">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>制作人信息</title>  
    <style>  
        table {  
            width: 100%;  
            border-collapse: collapse;  
        }  
        td, th {  
            border: 1px solid #ccc;  
            padding: 8px;  
            text-align: left;  
        }  
        caption {  
            font-size: 1.5em;  
            margin: 10px;  
        }  
        img {  
            width: 100px; /* 设置图片宽度 */  
            height: auto; /* 高度自适应 */  
        }  
    </style>  
</head>  
<body  style="background-color: rgb(253, 0, 51);">  

<form>  
    <table>  
        <caption>制作人信息</caption>  
        <tr>  
            <td>姓名：</td>  
            <td><input type="text" name="name" required></td>  
            <td rowspan="3"><img src="tu.jpg" alt="制作人照片"></td>  
        </tr>  
        <tr>  
            <td>密码：</td>  
            <td><input type="password" name="password" required></td>  
        </tr>  
        <tr>  
            <td>性别：</td>  
            <td>  
                <input type="radio" name="gender" value="男" required> 男  
                <input type="radio" name="gender" value="女" required> 女  
            </td>  
        </tr>  
        <tr>  
            <td>爱好：</td>  
            <td>  
                <input type="checkbox" name="hobby" value="音乐"> 音乐  
                <input type="checkbox" name="hobby" value="电影"> 电影  
                <input type="checkbox" name="hobby" value="阅读"> 阅读  
            </td>  
            <td rowspan="2"><img src="tu.jpg" alt="是一个热情的人"></td>  
        </tr>  
        <tr>  
            <td>可多选列表：</td>  
            <td>  
                <select name="options" multiple size="3">  
                    <option value="选项1">选项1</option>  
                    <option value="选项2">选项2</option>  
                    <option value="选项3">选项3</option>  
                </select>  
            </td>  
        </tr>  
        <tr>  
            <td>下拉列表：</td>  
            <td>  
                <select name="dropdown">  
                    <option value="选项A">选项A</option>  
                    <option value="选项B">选项B</option>  
                    <option value="选项C">选项C</option>  
                </select>  
            </td>  
            <td><img src="tu.jpg" alt="制作人照片"></td>  
        </tr>  
        <tr>  
            <td>多行文本：</td>  
            <td><textarea name="text" rows="4" cols="50"></textarea></td>  
        </tr>  
        <tr>  
            <td>文件上传：</td>  
            <td><input type="file" name="file"></td>  
        </tr>  
        <tr>  
            <td>  
                <input type="button" value="普通按钮">  
                <input type="submit" value="提交">  
                <input type="reset" value="重置">  
                <input type="image" src="submit-icon.png" alt="提交图像按钮">  
            </td>  
            <td></td>  
            <td></td>  
        </tr>  
    </table>  
</form>  

</body>  
</html>  